<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>日期查询</title>
		<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" />

		<link rel="stylesheet" href="css/animate.css">
		<link rel="stylesheet" href="css/global.css">
		<link rel="stylesheet" href="css/loading.css">
		<style>
			tr {
				border-bottom: 1px solid lightgray;
			}
			
			img {
				width: 80px;
				height: 80px;
				margin: 10px;
			}
			
			.ui-btn-icon-right ui-icon-carat-r {
				display: none;
			}
			
			a.aft:after {
				display: none;
			}
			
			.blue {
				background: #0220a4;
			}
			
			.head_top {
				width: 100%;
				height: 5px;
				margin-bottom: 4px;
				background: #0220a4;
			}
			
			.head_bottom {
				width: 100%;
				height: 5px;
				margin-top: 1px;
				background: #0220a4;
			}
			
			.ui-page-theme-a .ui-bar-inherit {
				background: #0220a4;
				color: #fff;
				font-weight: normal;
			}
			
			button.ui-btn.ui-shadow.ui-corner-all {
				background: #0220a4;
				color: #fff;
				text-shadow: 0 0px 0 #f3f3f3;
				border: 0px;
				font-size: 14px;
				border-radius: 0px;
				height: 40px;
			}
			
			.form_div {
				display: flex;
				align-items: center;
				justify-content: space-between;
				color: #8a8889;
				border-bottom: 1px solid #ccc;
			}
			
			.form_div input {
				color: #000;
			}
			
			a.aft.ui-btn.ui-btn-icon-right.ui-icon-carat-r {
				border: 0px;
				border-bottom: 1px solid #ccc;
				background: #fff;
			}
			
			div.ui-select {
				margin: 0px;
			}
			
			.ui-btn.ui-icon-carat-d.ui-btn-icon-right.ui-corner-all.ui-shadow {
				padding: 5px 2.5em 5px 5px;
				background: #fff;
				border: 0px;
				text-shadow: 0 0 0 #fff;
			}
			
			.ui-select .ui-btn>span:not(.ui-li-count) {
				font-weight: normal;
			}
		</style>
		<!--<link rel="stylesheet" href="css/bootstrap.min.css" />-->
	</head>

	<body>
		<div data-role="page" style="background: #fff;">
			<div class="blue head_top"></div>
			<div data-role="header">
				<h1>日期查询</h1>
			</div>
			<div class="blue head_bottom"></div>

			<div data-role="main" class="ui-content">
				<!-- <p>日期查询：</p> -->
				<div class="div form_div">
					<label for="day">所属片区</label>
					<fieldset data-role="fieldcontain" style="padding: 0px;margin-bottom: 10px">
						<select onchange="Policestf(this)" id="Policest">
							<option value="n">请选择</option>
						</select>
					</fieldset>
				</div>
				<div class="form_div">
					<label for="fname">开始日期</label>
					<input type="date" name="" id="starTime" />
				</div>
				<div class="form_div">
					<label for="fname">结束日期</label>
					<input type="date" name="" id="endTime" />
				</div>

				<!-- <a href="#" class="ui-btn ui-icon-search ui-btn-icon-left" onclick="query()">搜索</a> -->
				<button onclick="query()">搜索</button>

				<h3 style="color: #8a8889;">用户信息:</h3>
				<ul id="uldata" data-role="listview" data-inset="true">
					<li>
						<a href="#" class="aft">
							<img src="img/photo.png" alt="USA">
							<div class="form_div" style="line-height: 30px;border: 0px;padding-right: 60px;">
								<p style="display:  inline;">张三</p>
								<p style="display: inline;">13103455689</p>
							</div>
							<div class="form_div" style="line-height: 30px;border: 0px;">
								<p style="display: inline;">男</p>
								<p style="display: inline;color: #0220a4;padding: 0px 5px;border: 1px solid #0220a4;line-height: 20px;">已审核</p>
							</div>
						</a>
					</li>

					<li>
						<a href="#" class="aft"><img src="http://192.168.10.180:3001/uploads/record_data/pic/2/ks-ewm.png" alt="img">
							<div class="form_div" style="line-height: 30px;border: 0px;padding-right: 60px;">
								<p style="display:  inline;">帅中</p>
								<p>Tell:13112345678</p>
							</div>
							<div class="form_div" style="line-height: 30px;border: 0px;">
								<p style="display: inline;">男</p>
								<p style="display: inline;color: #0220a4;padding: 0px 5px;border: 1px solid #0220a4;line-height: 20px;">未审核</p>
							</div>
						</a>
					</li>

					<li>
						<a href="#" class="aft">
							<img src="img/photo.png" alt="USA">
							<div class="form_div" style="line-height: 30px;border: 0px;padding-right: 60px;">
								<p style="display:  inline;">张三</p>
								<p style="display: inline;">13103455689</p>
							</div>
							<div class="form_div" style="line-height: 30px;border: 0px;">
								<p style="display: inline;">男</p>
								<p style="display: inline;color: #0220a4;padding: 0px 5px;border: 1px solid #0220a4;line-height: 20px;">已审核</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="aft">
							<img src="img/photo.png" alt="USA">
							<div class="form_div" style="line-height: 30px;border: 0px;padding-right: 60px;">
								<p style="display:  inline;">张三</p>
								<p style="display: inline;">13103455689</p>
							</div>
							<div class="form_div" style="line-height: 30px;border: 0px;">
								<p style="display: inline;">男</p>
								<p style="display: inline;color: #0220a4;padding: 0px 5px;border: 1px solid #0220a4;line-height: 20px;">已审核</p>
							</div>
						</a>
					</li>
					<!--  <li>
				      	<a href="#" class="aft"><img src="img/photo.png" alt="USA" >
				      	<p style="display:  inline;">张三</p>&nbsp;&nbsp;&nbsp;&nbsp;
				      	<p style="display: inline;">男</p>
				      	<p>Tell:13103455689</p>
				      	<p>已审核</p>
				      	</a>
				      </li>
				      <li>
				      	<a href="#" class="aft"><img src="img/photo.png" alt="USA" >
				      	<p style="display:  inline;">张三</p>&nbsp;&nbsp;&nbsp;&nbsp;
				      	<p style="display: inline;">男</p>
				      	<p>Tell:13103455689</p>
				      	<p>已审核</p>
				      	</a>
				      </li> -->
				</ul>
			</div>

		</div>
	</body>

	<script src="js/jquery-2.1.0.js"></script>
	<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
	<script src="js/loading.js"></script>

	<script type="text/javascript" src="js/ajax.js"></script>
	<script>
		var date = new Date(); //伤害发生日期：用户可以按照伤害发生日期进行查询，必输项，默认为当天
		var year = date.getFullYear();
		var month = date.getMonth() + 1;
		var day = date.getDate();
		if(month < 10) {
			month = "0" + month;
		}
		if(day < 10) {
			day = "0" + day;
		}
		$("#starTime").val(year + "-" + month + "-" + day);
		$("#endTime").val(year + "-" + month + "-" + day);

		function Policestf(o) {
			var sections_id = o.value;
			console.log(sections_id);

			$(".ss").empty();
			$(".ss").html("<option>请选择</option>")
			//		selectdata("/api/v1/hotel_info","#hotel",{sections_id:sections_id});

		}
		$(function() {
			selectdata("/api/v1/section_info", "#Policest");
		})
	</script>

</html>